<template>
  <div class="LoginContainer">
    <h1>水果摊开张了--{{ msg }}</h1>
    <div class="ellipsis-line-2" style="width:200px;height:60px">
      我学习了HTMLCSSJSVUEJQES6DOMBOMAJAX等等。程序员爱代码，bug远离之术。
    </div>
    <div style="width:200px;height:200px;border:1px solid green" class="f-c-c">
      中
    </div>
  </div>
</template>

<script>
//导入mixin
import commonMixin from "@/mixin/index";
export default {
  name: "Login",
  data() {
    return {
      msg: "芒果登录",
    };
  },
  created() {
    console.log("login的created");
    this.ta();
  },
  methods: {
    ta() {
      console.log("我是来自于login.vue", this.msg);
    },
  },
  // 导入私有mixin
  mixins: [commonMixin],
};
</script>

<style lang="scss" scoped>
/* scoped 样式只在当前组件产生效果 */
/* lang：指定使用的css预处理器 */
.LoginContainer h1 {
  background-color: yellow;
}
</style>
